
import './style.css'
import { Tabs } from 'antd-mobile'
import { useTabls } from './useTabs'
import HomeList from './HomeList'
function Home() {
  const {channleList}=useTabls()
    return (
      <>
        <div className="tabContainer">
        <Tabs>{
          channleList.map((item) => {
            return (
              <Tabs.Tab title={item.name} key={item.id}>
                <div  className='listContainer'>
                <HomeList channleId={""+item.id} />
                </div>
                
              </Tabs.Tab>
            )
          })
          }
        </Tabs>
        </div>
      </>
    )
  }

  export default Home
  